.cpo-tabs{
    width: 60.5%;
    margin: 0 auto;
    overflow: auto;
    margin-top: 8rem;
}
.cpo-sub{
    height: 10rem;
    font-size: 1.5rem;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    box-shadow: 0 0.03rem 0.02rem rgb(155, 150, 150);
}
.cpo-middle,.cpo-left,.cpo-right{
    float: left;
}
.cpo-content{
    overflow: hidden;
    padding: 0 30rem;
}
.cpo-left{
    /* 对于设置了浮动的元素，如果margin的方向与浮动的方向相同 元素会往对应的方向移动 */
    margin-left: -100%;
    position: relative;
    left: -30rem;
}
.cpo-right{
    margin-left: -30rem;
    position: relative;
    right: -30rem;
}
ul li{
    list-style: none;
}
.cpo-showimg{
    width: 30rem;
    height: 30rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background-color: skyblue;
}
.cpo-showimg li{
    float: left;
}
.cpo-show-btn{
    position: absolute;
    top: 90%;
    left: 9rem;
    z-index: 9;
}
.cpo-show-btn a{
    display: block;
    width: 15px;
    height: 15px;
    background: transparent;
    border-radius: 50%;
    border: 0.2rem solid whitesmoke;
}
.cpo-show-btn li{
    margin: 1px;
}
.cpo-left,.cpo-right{
    width: 30rem;
}
.cpo-middle{
    width: 100%;
    height: 100rem;
    background: ghostwhite;
}
.cpo-todos-tips{
    font-size: 1rem;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: rgb(184, 167, 167);
    font-weight: bolder;
}
